/*
	Description	: basic styles for jQuery Plugin "Text Scroller". feel free to customize this styles
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-textscroller/
*/



@font-face {/* SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 */
    font-family:'WebSymbolsRegular';
    src: url('../fonts/websymbols/WebSymbols-Regular-webfont.eot');
    src: url('../fonts/websymbols/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols/WebSymbols-Regular-webfont.woff') format('woff'),
         url('../fonts/websymbols/WebSymbols-Regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* init animation settings for opacity */
.jquery-textscroller-wrapper-outher.prev-next-active,
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-next {
	-moz-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	transition:all 0.7s ease;
}


/* basic styles */
.jquery-textscroller-helper-container {
	position:fixed;
	width:100%;
	display:none;
	visibility:hidden;
	top:-9999px;
}
.jquery-textscroller-wrapper-outher:after,
.jquery-textscroller-wrapper-outher .jquery-textscroller-wrapper:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
}
.jquery-textscroller-wrapper-outher {
	position:relative;
	z-index:0;
}
.jquery-textscroller-wrapper-outher .jquery-textscroller-wrapper {
	overflow:hidden;
	position:relative;
	z-index:0;
}
.jquery-textscroller-wrapper-outher .jquery-textscroller-wrapper .jquery-textscroller {
	position:absolute;
	left:0;
	top:0;
}
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-next {
	display:block;
	position:absolute;
	z-index:1;
	cursor:pointer;
}
.jquery-textscroller-wrapper-outher.vertical .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.vertical .jquery-textscroller-button-next {
	left:0;
}
.jquery-textscroller-wrapper-outher.horizontal .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.horizontal .jquery-textscroller-button-next {
	top:0;
}
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-prev.inactive,
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-next.inactive {
	/*filter:alpha(opacity='30');
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;*/
}
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-prev.disabled,
.jquery-textscroller-wrapper-outher .jquery-textscroller-button-next.disabled {
	display:none;
}
.jquery-textscroller-wrapper-outher.vertical .jquery-textscroller-button-prev {
	top:0;
}
.jquery-textscroller-wrapper-outher.vertical .jquery-textscroller-button-next {
	bottom:0;
}
.jquery-textscroller-wrapper-outher.horizontal .jquery-textscroller-button-prev {
	left:0;
}
.jquery-textscroller-wrapper-outher.horizontal .jquery-textscroller-button-next {
	right:0;
}
.jquery-textscroller-wrapper-outher.horizontal {
	text-align:justify;
}


/* 
	layout "default", font-icons:
	-------------------------------------------
	<div class="jquery-textscroller">
		Obex per Hereditas tot Ver peto...
	</div>
	<script type="text/javascript">
		jQuery(document).ready(function(){
				
			jQuery(
				".jquery-textscroller"
			).textscroller({
				width : "auto",
				height : 300,
				innerTextButtonPrev : ':',
				innerTextButtonNext : ';'
			});
			
		});
	</script>
*/
.jquery-textscroller-wrapper-outher.default {
	border:1px solid #fff;
	background-color:#f2f2f2;
	
	margin:2em 0;
	padding:1em;
	
	-moz-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	-ms-border-radius:0.25em;
	-khtml-border-radius:0.25em;
	border-radius:0.25em;
	
	/*
		border-box 	: 	The background is clipped to the border box
		padding-box : 	The background is clipped to the padding box
		content-box : 	The background is clipped to the content box
	*/
	-moz-background-clip:padding-box !important;
	-webkit-background-clip:padding-box !important;
	background-clip:padding-box !important;
}
.jquery-textscroller-wrapper-outher.default.vertical.prev-next-active {
	border-right-color:#576368;
}
.jquery-textscroller-wrapper-outher.default.horizontal.prev-next-active {
	border-top-color:#576368;
}
.jquery-textscroller-wrapper-outher.default .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default .jquery-textscroller-button-next {
	width:1.3em;
	height:37px;
	line-height:0;
	
	text-align:center;
	text-decoration:none;
	text-transform:none;
	text-shadow:0 0 0.030em rgba(0,0,0,0.9);
	
	font-family:'WebSymbolsRegular';
	font-size:2.2em;
	font-weight:normal;
    font-style:normal;
	
	color:#576368;
}
.jquery-textscroller-wrapper-outher.default .jquery-textscroller-button-prev.inactive,
.jquery-textscroller-wrapper-outher.default .jquery-textscroller-button-next.inactive {
	color:#c4c7c9;
	text-shadow:0 0 0.030em rgba(0,0,0,0.3);
}
.jquery-textscroller-wrapper-outher.default.vertical .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default.vertical .jquery-textscroller-button-next {
	left:auto;
	right:-0.7em;
}
.jquery-textscroller-wrapper-outher.default.vertical .jquery-textscroller-button-prev {
	top:-0.5em;
}
.jquery-textscroller-wrapper-outher.default.vertical .jquery-textscroller-button-next {
	bottom:-0.5em;
}
.jquery-textscroller-wrapper-outher.default.horizontal .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default.horizontal .jquery-textscroller-button-next {
	top:-0.55em;
}
.jquery-textscroller-wrapper-outher.default.horizontal .jquery-textscroller-button-prev {
	left:-0.6em;
}
.jquery-textscroller-wrapper-outher.default.horizontal .jquery-textscroller-button-next {
	right:-0.6em;
}



/* 
	layout "default-centered-buttons", font-icons:
	-------------------------------------------
	<div class="jquery-textscroller">
		Obex per Hereditas tot Ver peto...
	</div>
	<script type="text/javascript">
		jQuery(document).ready(function(){
				
			jQuery(
				".jquery-textscroller"
			).textscroller({
				width : "auto",
				height : 300,
				innerTextButtonPrev : ':',
				innerTextButtonNext : ';',
				addCustomClass : 'default-centered-buttons'
			});
			
		});
	</script>
*/
.jquery-textscroller-wrapper-outher.default-centered-buttons {
	border:1px solid #fff;
	
	background-color:#f2f2f2;
	
	-moz-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	-ms-border-radius:0.25em;
	-khtml-border-radius:0.25em;
	border-radius:0.25em;
	
	/*
		border-box 	: 	The background is clipped to the border box
		padding-box : 	The background is clipped to the padding box
		content-box : 	The background is clipped to the content box
	*/
	-moz-background-clip:padding-box !important;
	-webkit-background-clip:padding-box !important;
	background-clip:padding-box !important;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.vertical {
	margin:3.5em 0;
	padding:1em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal {
	margin:1em 2.8em;
	padding:1em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default-centered-buttons .jquery-textscroller-button-next {
	height:37px;
	line-height:0;
	
	text-align:center;
	text-decoration:none;
	text-transform:none;
	text-shadow:0 0 0.030em rgba(0,0,0,0.7);
	
	font-family:'WebSymbolsRegular';
	font-size:2.2em;
	font-weight:normal;
    font-style:normal;
	
	color:#576368;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.vertical .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default-centered-buttons.vertical .jquery-textscroller-button-next {
	width:100%;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-next {
	width:1.3em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons .jquery-textscroller-button-prev.inactive,
.jquery-textscroller-wrapper-outher.default-centered-buttons .jquery-textscroller-button-next.inactive {
	filter:alpha(opacity='30');
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.vertical .jquery-textscroller-button-prev {
	top:-1.3em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.vertical .jquery-textscroller-button-next {
	bottom:-1.3em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-next {
	top:50%;
	margin-top:-19px;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-prev {
	left:-1.6em;
}
.jquery-textscroller-wrapper-outher.default-centered-buttons.horizontal .jquery-textscroller-button-next {
	right:-1.6em;
}


/* 
	layout "button-icon", graphical buttons:
	-------------------------------------------
	<div class="jquery-textscroller">
		Obex per Hereditas tot Ver peto...
	</div>
	<script type="text/javascript">
		jQuery(document).ready(function(){
				
			jQuery(
				".jquery-textscroller"
			).textscroller({
				height : 300,
				addCustomClass : 'button-icon'
			});
			
		});
	</script>
*/
.jquery-textscroller-wrapper-outher.button-icon {
	border:1px solid #fff;
	
	background-color:#f2f2f2;
	
	-moz-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	box-shadow:0 0 0.125em 0 rgba(0,0,0,0.5);
	
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	-ms-border-radius:0.25em;
	-khtml-border-radius:0.25em;
	border-radius:0.25em;
	
	/*
		border-box 	: 	The background is clipped to the border box
		padding-box : 	The background is clipped to the padding box
		content-box : 	The background is clipped to the content box
	*/
	-moz-background-clip:padding-box !important;
	-webkit-background-clip:padding-box !important;
	background-clip:padding-box !important;
}
.jquery-textscroller-wrapper-outher.button-icon.vertical {
	margin:1em 0;
	padding:1em;
}
.jquery-textscroller-wrapper-outher.button-icon.horizontal {
	margin:1em 0.6em;
	padding:1em;
}
.jquery-textscroller-wrapper-outher.button-icon .jquery-textscroller-button-prev.inactive,
.jquery-textscroller-wrapper-outher.button-icon .jquery-textscroller-button-next.inactive {
	filter:alpha(opacity='30');
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.jquery-textscroller-wrapper-outher.button-icon .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.button-icon .jquery-textscroller-button-next {
	background:transparent url(../img/sprite-buttons.png) 0 0 no-repeat;
	width:22px;
	height:22px;
}
.jquery-textscroller-wrapper-outher.button-icon.vertical .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.button-icon.vertical .jquery-textscroller-button-next {
	left:50%;
	margin-left:-11px;
}
.jquery-textscroller-wrapper-outher.button-icon.vertical .jquery-textscroller-button-prev {
	top:-1em;
}
.jquery-textscroller-wrapper-outher.button-icon.vertical .jquery-textscroller-button-next {
	bottom:-1em;
	background-position:0 -22px;
}
.jquery-textscroller-wrapper-outher.button-icon.horizontal .jquery-textscroller-button-prev,
.jquery-textscroller-wrapper-outher.button-icon.horizontal .jquery-textscroller-button-next {
	top:50%;
	margin-top:-11px;
}
.jquery-textscroller-wrapper-outher.button-icon.horizontal .jquery-textscroller-button-prev {
	left:-1em;
	background-position:0 -44px;
}
.jquery-textscroller-wrapper-outher.button-icon.horizontal .jquery-textscroller-button-next {
	right:-1em;
	background-position:0 -66px;
}